body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";-webkit-overflow-scrolling: touch;}
body,html{padding: 0; margin: 0 auto;background: #fff;font-size: 14px;}
.clear {zoom: 1;clear: both;}
.clear:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
li{list-style: none;}
p{ margin: 0; padding: 0; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none;cursor: pointer;}
ul{padding: 0; margin: 0;}
div,li,.padCover,span,a,input,label{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
input{-webkit-appearance: none; box-shadow: none;border:1px solid #dadada;height: 40px;width: 175px;border-radius: 3px;}
a.button{display: block; width: 80px;height: 30px;background: #5e70f3;line-height: 30px;color: #fff;text-align: center;margin: 0 auto;border-radius: 5px;}
/*头部*/
#header{position: fixed;top:0; left: 0; width: 100%; height: 56px;line-height: 56px; text-align: center;z-index: 99;
background:#5e70f3;color: #fff;font-size:22px;}
#header .headerL{position: absolute; left: 0; top:0;display: block;width: 56px; height: 56px;}
#header .headerL img{vertical-align: middle;}
#header p.pageTit{font-size: 20px;display: inline}
#header .headerR{display: block; position: absolute;top:0;right:15px;width:80px; height: 56px;line-height: 56px; font-size: 14px;color: #fff;text-align: right; }

.am-offcanvas .am-offcanvas-bar{background:#f6f6f6;overflow-y: auto;}
.am-offcanvas .am-offcanvas-bar:after{background: #f6f6f6;}
.am-offcanvas-content{padding: 0;}
.am-offcanvas-content li{position: relative; display:block; font-size:15px; text-align: center; line-height:35px;border-bottom:1px dotted #d4dff8;}
.am-offcanvas-content li a{color:#444;display: block;width: 100%;line-height:35px;}
.am-offcanvas-content .current a{ color: #3D8AFC;}
.menuTag{background:#ddd;color: #444;font-size: 16px;font-weight: bold;}
/*.am-offcanvas-content li:before{content: ""; position: absolute;left:0;top:0;height:45px;width:10px; background:#8bacfc;}
.am-offcanvas-content li:nth-child(2):before{background: #ac86e1;}
.am-offcanvas-content li:nth-child(3):before{background: #faad82;}
.am-offcanvas-content li:nth-child(4):before{background: #ff9992;}
.am-offcanvas-content li:nth-child(5):before{background: #6ad78e;}
.am-offcanvas-content li:nth-child(6):before{background: #edbf19;}
.am-offcanvas-content li:nth-child(7):before{background: #4cd9a4;}
.am-offcanvas-content li:nth-child(8):before{background: #ff696b;}
.am-offcanvas-content li:nth-child(9):before{background: #6fc95e;}*/

.phoneCon{position: relative;width: 100%;margin-top: 70px;padding-bottom: 50px;}
.phoneTit{position: relative; color:#444;padding-left: 5%;margin-bottom: 10px;font-size: 16px;}
.phoneTit .am-icon-file{margin-right: 7px;}
/*首页*/
.syTopCon,.syJichu,.syLianjie{position: relative;width: 90%;margin: 0 auto;margin-bottom: 15px;font-size: 14px;color: #555;}
.syTopCon ul li{position: relative; float: left; width:50%;height: 140px;background:#6ad78e;color: #444;padding:10px 5px;text-align: center;}
.syTopCon ul li:nth-child(2){background:#f5c827;}
.syTopCon ul li:nth-child(3){background:#4dbaf2;}
.syTopCon p.title{position: absolute;width:100px;height: 30px;line-height: 30px;text-align: center;background: #fff;color: #444;left:0;top:10px;
border-top-right-radius: 9px;border-bottom-right-radius: 9px;font-weight: bold;box-shadow: 1px 1px 1px #747373;}
.syTopCon .ljsyList{margin-top: 15px;color: #fff;}
.syTopCon .ljsyList span{ display: block;float: left;text-align: center;width: 49.3%;border-top: 1px dashed #f5f5f5; border-right: 1px dashed #f5f5f5;}
.syTopCon .ljsyList span b{font-size: 16px;}
.syTopCon ul li .price{font-size:18px;font-weight: bold;}
.syTopCon ul li .price span{font-weight: normal;font-size: 14px;margin-left: 5px;}
.syJichu .xinxi{color: #555;width: 100%;margin-bottom: 3px;border-bottom: 1px dotted #D4DFF8;}
.syJichu .xinxi span{display: inline-block; width: 100px;text-align: right;margin-right: 5px;
padding-right: 5px; line-height: 30px;background: #D4DFF8;}
.tongzhi{position: relative; width: 90%;min-height: 100px;margin-bottom: 15px;background: #E8EDF8; margin: 0 auto;
}
.tongzhi .ggtz{position: relative;background: #fff;width: 100%;height:55px;
text-align: center;color: #e11e26;line-height: 55px;font-size: 20px;font-weight: bold;}
.tongzhi img.tzImg{width:85px;position: absolute;right: 0;top:-13px}
.tongzhi .tzCon{position: relative;width: 90%;margin: 0 auto;padding: 30px 0;font-size: 14px;color: #444;}
.syMenu{position: relative;width: 90%;margin: 0 auto;}
.syMenu a{float: left; display: block;width:49%;height: 100px;background:#f5c827;text-align: center;
color:#fff;font-size: 15px;font-weight: bold;border-radius: 5px;}
.syMenu a span{ display: block;font-size:30px;margin-top: 10px;}
.syData{position: relative; width: 90%;margin:15px auto;}
.syData .clear{width: 100%;height: 70px;background: #fff;margin-bottom:5px;}
.syData .clear .syDataLeft{width:40%;height: 70px; text-align: center;background: #f5f5f5;color: #777;
font-weight: bold;}
.syData .clear span{display: block;font-size:25px;}
.syData .clear .syDataRight{width: 60%; line-height: 70px;font-size:17px;text-align: center;border: 1px dotted #ccc;}
/*弹窗*/
.mask{background:rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;z-index: 999;top:0;left:0;}
.module{width: 300px;background: #fff;position: fixed;z-index: 1000;left:50%;top:50%;
margin-left: -150px;margin-top: -150px;padding-bottom: 60px;border-radius: 5px;}
.moduleHeader{position: relative;width: 100%;height: 50px;line-height: 50px; padding-left:5%;
color: #444;border-bottom: 1px solid #ebebeb;}
.moduleBottom {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;}
.moduleBottom a{display:block;float: left;width: 50%;height: 100%;text-align: center;background:#f7f7f7;border-top:1px solid #ebebeb;color: #444;}
.moduleBottom a.saveBtn{border-right: 1px solid #ebebeb;}
.moduleClose{position: absolute;top:0;line-height: 50px; right:0;width: 50px;height: 50px;z-index: 9;text-align: center;}
.moduleCon{padding: 15px;font-size: 14px;}
.erroLabel{display: none;width:100%;text-align: center;color: #e11e26;line-height:30px;
 font-size: 14px;font-weight: bold; width:100%;margin: 0 auto;}
/*购买钻石*/
.buyCardCon ul,.buyCardConW{position: relative;width: 90%;margin: 0 auto;}
.buyCardCon ul li{position: relative;width: 49%;height: 80px;background: #fff;float: left;margin-right: 2%;
margin-bottom:10px;text-align: center;line-height: 40px;}
.buyCardCon ul li:nth-child(2n){margin-right: 0;}
.buyCardCon ul li .price{font-size: 16px;color: #8bacfc;height: 40px;border: 1px dashed #8bacfc;border-bottom: none;} 
.buyCardCon ul li .price span{font-size: 18px;font-weight: bold;}
.buyCardCon ul li .price span.tj{background: #3baf36;color: #fff;font-weight: normal;font-size: 13px;
padding: 3px 5px;border-bottom-left-radius:10px;line-height: 20px;}
.buyCardCon ul li  .bottom{background: #8bacfc;color: #fff;height: 40px;}
.buyCardCon ul li.active{background:#F5F5F5;}
.buyCardCon ul li.active .select-one {border: 1.5px solid #3BAF36;}
.buyCardConW .yueTehui p{border-bottom: 1px solid #F5F5F5;line-height: 40px;}
.buyCardConW .yueTehui p span{color: #0091FF;}
.buyCardConW .yueTehui .sumPrice .totalAmount{color: #fc1546;font-size: 20px;}
.payWay{position: relative; width:100%;margin: 15px auto;margin-top: 30px;}
.payWay a{position: relative;width: 49%;margin-right: 2%;height: 40px;line-height: 40px;border: 1px solid #0091FF;
text-align: center;border-radius: 5px;color:#0091FF}
.payWay a.yezf{position: relative;margin-right: 0;display: block;}
.buyCardConW .payWay a.active {background: url(/img/mobile/choose1.png) no-repeat right bottom;border: 2px solid #fc1546}
.buyCardConW .payWay a .zengBtn{position: relative; background: #fc1546;color: #fff;width:50px;height:25px;line-height:25px; 
position: absolute;top:-25px;left:30px;border-radius: 5px;}
.buyCardConW .payWay a .zengBtn:after{content: "";position: absolute;border: solid transparent;height: 0;width: 0;pointer-events: none;
border-color: transparent;border-top-color: #fc1546;border-width:6px;bottom:-12px;left:20px}
.buyCardCon a.ljzfBtn,a.bigButton{display: block;background: #5e70f3;text-align: center;color: #fff;border-radius: 5px; width: 90%;margin:15px auto;line-height:50px;height:50px;margin-top: 30px;font-size:20px;}
.xzBottom{background:#f5f5f5;padding: 15px 5%;color: #444;padding-bottom: 30px;}
.xzBottom p.title{font-size: 16px;margin-bottom: 15px;}
/*发送钻石*/
.pageForm{position: relative;width: 90%;background: #fff;padding:30px 15px;margin: 15px auto;font-size: 15px;
-webkit-box-shadow:0 0 6px #ccc;  -moz-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc;}
.pageForm .pageFormInput{margin-bottom: 15px;}
.pageForm .pageFormInput label{font-weight: normal;display: inline-block;width:120px;text-align: right;padding-right: 5px;}
.pageForm .pageFormInput input{width: calc(100% - 120px);}
/*搜索*/
.searchForm{position: relative;width: 100%;padding: 15px 0;}
.searchFormCon{position: relative;width: 90%;margin: 0 auto;background: #fff;padding: 15px;border:1px solid #dadada;
border-radius: 10px;padding-bottom:50px;}
.searchFormCon .searchDiv{margin-bottom: 10px;}
.searchFormCon .searchDiv span{margin-right: 5px;display: inline-block;width:80px;text-align: right;}
.searchFormCon .searchDiv input{width:calc(100% - 110px);padding: 0 10px;}
.searchFormCon .searchBtn{position: absolute; bottom: 0;left: 0; display: block;width: 100%; background: #8bacfc;color: #fff;
font-size: 14px;border-bottom-left-radius: 8px;border-bottom-right-radius:8px;border:none;}

/*表格*/
.ui-content{ background: #F5F5F5;width: 100%; overflow-x: hidden;padding:15px 5%;height: 400px;
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.scrollDiv{width: 100%; overflow: auto;}
.tableTop a{color: #007aff;font-size: 13px;line-height: 30px;}
table{max-width:auto;width:100%; border-collapse: collapse;}
table thead th,table tbody td{border: 1px solid #a5befc;text-align: center;background: #fff;
padding: 13px 5px; font-size: 13px;color: #7f8289;}
table thead th{color: #444;background: #8bacfc;}
table tbody tr td input{width: 20px; height: 20px;}
table tbody tr td a.caozuoBtn{display: block;width: 50px; height: 30px; line-height: 30px;background: #007AFF; 
color: #fff;text-align: center;border-radius: 5px;margin: 0 auto;}
table thead th.tableBz,table tbody td.tableBz{width: 200px;display: none;}
.tableMore{font-size: 16px;color:#444;background: #a9c1fc;width: 200px;line-height: 30px;
	border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center;box-shadow: 1px 1px 3px 1px #bbb;}
.tableMore img{margin-right: 5px;}
.pagination {width:110%; display: inline-block;padding-left: 0;margin: 20px 0;margin-left: -5%;}
.pagination>li {display: inline}
.pagination>li>a,
.pagination>li>span {
	position: relative;float: left;padding:8px 12px;margin-left: -1px;line-height: 1.42857143;color: #5e70f3;
	text-decoration: none;background-color: #fff;border: 1px solid #ddd;font-size: 12px;}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {z-index: 3;color:#5e70f3;background-color: #eee;border-color: #ddd}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;
background-color: #5e70f3;border-color: #5e70f3}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}
.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 10px;font-size: 12px;line-height: 1.3333333}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;border-bottom-right-radius: 6px}
.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;font-size: 12px;line-height: 1.5}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;border-bottom-left-radius: 3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;border-bottom-right-radius: 3px}
/*修改密码*/
.formCon{width:90%;height: 300px; margin:0 auto;border:1px solid #dadada;
background: #fff;padding:30px 15px;border-radius: 10px;}	
.formCon .formInput{height:60px;}
.formCon .formInput label{width: 70px;text-align: right;font-weight: normal;padding-right: 5px;}
.formCon .formInput input{width: calc(100% - 75px);}
.formCon .submitBtn{display: block;background: #5e70f3;border: none;border-radius: 5px; color: #fff;margin: 0 auto;
font-size: 15px;margin-top: 20px;}

.dateChooseDiv{margin-bottom:15px;}
.dateChooseDiv a{display: block;float: left; width: 25%;line-height: 35px;background: #fff;border:1px solid #8bacfc;
	border-right: none; text-align: center;}
.dateChooseDiv a:last-child{border-right: 1px solid #8bacfc;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.dateChooseDiv a:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.dateChooseDiv a.active{background: #5e70f3;color: #fff;}

/*俱乐部*/
.tabQiehuan{position: fixed;width: 100%;height: 50px;line-height: 50px;top:57px;left: 0;z-index: 999;}
.tabQiehuan li{display: block; float: left;width: 20%;text-align: center;line-height: 50px;background: #CCDEF6;}
.tabQiehuan li.active{background: #5365E7;color: #fff;}
table td.fenjuPeop{text-align: left;}
table td.fenjuPeop span{color: #C62B26;}
.jf-icon-up-hover{}

/*****确定按钮遮罩****/
.sureMaskModule{position: fixed;top:0;left: 0;width:100%;height: 100%;background: rgba(0,0,0,.5);color: #fff;z-index: 999;}
.sureMaskModule h1{font-size: 20px;position: absolute;top:45%;text-align: center;width: 100%;}

.checkbox-s{
	box-sizing: unset;
    text-align: center;
	border-radius: 50%;
}
.checkbox-s.checked:after{
    display: block;
    content: '\2713';
    width: 20px;
    height: 20px;
	font-size: 16px;
    background: #5e70f3;
    color: #fff;
    border-radius: 50%;

}
